<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="http://code.jquery.com/jquery-1.11.3.js"></script>
</head>
<!--
  jQuery是一个类数组对象，而DOM对象就是一个单独的DOM元素，它们都是可以操作的DOM元素。
  jQuery库本质上还是JavaScript代码，它只是对JavaScript语言进行包装处理，为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能。
  我们使用jQuery的同时也需要能够混合JavaScript原生代码一起使用。很多场景中，我们需要jQuery与DOM能够相互转换。
-->
<body>
	<div>元素一</div>
	<div>元素二</div>
	<div>元素三</div>
    
    <script type="text/javascript">
		var $div = $('div');      //jQuery类数组对象
		var div = $div.get(0);    //通过get方法，转化成DOM对象
		div.style.color = 'red';  //操作dom对象的属性
    </script>
    
</body>

</html>